﻿<common:LayoutAwarePage
    x:Class="Music.PlayWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:Music"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:common="using:Music.Common"
    mc:Ignorable="d">

    <Grid Background="#F2008164" HorizontalAlignment="Left" x:Name="PlayerMain">
    	<Grid.RowDefinitions>
    		<RowDefinition Height="100"/>
    		<RowDefinition Height="*"/>
    	</Grid.RowDefinitions>
            <Grid x:Name="grdFullView" Width="700" HorizontalAlignment="Right" Margin="25,0" Grid.Row="1">
    			<Grid.RowDefinitions>
    				<RowDefinition Height="465"/>
    				<RowDefinition Height="105"/>
    				<RowDefinition Height="*"/>
    			</Grid.RowDefinitions>
    			<Grid Margin="40,0,0,0">
    				<Grid.ColumnDefinitions>
    					<ColumnDefinition Width="315"/>
    					<ColumnDefinition Width="*"/>
    				</Grid.ColumnDefinitions>
    				<StackPanel>
    					<Grid HorizontalAlignment="Right" Width="260" Height="260" Background="White">
    						<Border>
    							<Image Source="{Binding Image}" Stretch="UniformToFill" AutomationProperties.Name="{Binding Title}"/>
    						</Border>
    						<Grid Margin="0" VerticalAlignment="Bottom">
    							<Grid VerticalAlignment="Bottom" Height="65">
    								<Grid.Background>
    									<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
    										<GradientStop Color="Black" Offset="1"/>
    										<GradientStop/>
    										<GradientStop Color="Black" Offset="0.722"/>
    									</LinearGradientBrush>
    								</Grid.Background>
    							</Grid>
    							<StackPanel VerticalAlignment="Bottom" Margin="10,0,80,5" HorizontalAlignment="Left">
    								<Button x:Name="btnPlay" VerticalAlignment="Stretch" Style="{StaticResource TopAppbarBtnStyle}" Width="70" Padding="0" BorderBrush="{x:Null}">
    									<Image Source="ms-appx:///Assets/HubPage/PlayBtn.png"/>
    								</Button>
    								<TextBlock Text="{Binding Title}" Foreground="{StaticResource ListViewItemOverlayForegroundThemeBrush}" Style="{StaticResource TitleTextStyle}" Margin="0,-1,0,0" FontSize="16" TextWrapping="NoWrap" FontWeight="Normal"/>
    								<TextBlock Text="{Binding Subtitle}" Foreground="#FF14D6B8" Style="{StaticResource CaptionTextStyle}" TextWrapping="NoWrap" Margin="0,0,0,10" FontSize="13.333" FontWeight="SemiBold"/>
    							</StackPanel>
    							<TextBlock HorizontalAlignment="Right" TextWrapping="Wrap" Text="{Binding Duration}" VerticalAlignment="Bottom" Margin="0,0,10,5" FontFamily="Segoe UI" FontSize="24" FontWeight="Light"/>
            	
    						</Grid>
    					</Grid>
    					<StackPanel x:Name="spRatingStar" Orientation="Horizontal" VerticalAlignment="Bottom" Margin="0,10,0,0" HorizontalAlignment="Right">
    						<ToggleButton x:Name="tglStare" Content="0" HorizontalAlignment="Left" Padding="0" Style="{StaticResource tglRatingStare}" Margin="0,0,3,0" IsChecked="True"/>
    						<ToggleButton x:Name="tglStare2" Content="0" HorizontalAlignment="Left" Padding="0" Style="{StaticResource tglRatingStare}" Margin="0,0,3,0" IsChecked="True"/>
    						<ToggleButton x:Name="tglStare3" Content="0" HorizontalAlignment="Left" Padding="0" Style="{StaticResource tglRatingStare}" Margin="0,0,3,0" IsChecked="True"/>
    						<ToggleButton x:Name="tglStare4" Content="0" HorizontalAlignment="Left" Padding="0" Style="{StaticResource tglRatingStare}" Margin="0,0,3,0"/>
    						<ToggleButton x:Name="tglStare5" Content="0" HorizontalAlignment="Left" Padding="0" Style="{StaticResource tglRatingStare}" Margin="0,0,3,0"/>
    					</StackPanel>
                    <TextBlock TextWrapping="Wrap" Text="Lorem ipsum" FontSize="37.333" FontFamily="Segoe UI" FontWeight="Light"/>
    					<StackPanel x:Name="spArtist" Orientation="Horizontal">
    						<TextBlock TextWrapping="Wrap" Text="Artist: " FontFamily="Segoe UI" FontSize="21.333" FontWeight="Bold"/>
                        <TextBlock TextWrapping="Wrap" Text="Curabitur class aliquam" FontFamily="Segoe UI" FontSize="21.333" FontWeight="SemiLight" Margin="5,0,0,0"/>
    					</StackPanel>
    					<StackPanel x:Name="spAlbum" Orientation="Horizontal" Margin="0,5,0,0">
    						<TextBlock TextWrapping="Wrap" Text="Album:" FontFamily="Segoe UI" FontSize="21.333" FontWeight="Bold"/>
                        <TextBlock TextWrapping="Wrap" Text="Curabitur class aliquam" FontFamily="Segoe UI" FontSize="21.333" FontWeight="SemiLight" Margin="5,0,0,0"/>
    					</StackPanel>
    					<StackPanel x:Name="spYear" Orientation="Horizontal" Margin="0,5,0,0">
    						<TextBlock TextWrapping="Wrap" Text="Year:" FontFamily="Segoe UI" FontSize="21.333" FontWeight="Bold"/>
    						<TextBlock TextWrapping="Wrap" Text="2005" FontFamily="Segoe UI" FontSize="21.333" FontWeight="SemiLight" Margin="5,0,0,0"/>
    					</StackPanel>
    				</StackPanel>
    				<ListView Grid.Column="1" Margin="10,0,0,25" Style="{StaticResource PlayListViewStyle}" SelectionMode="None">
    					<StackPanel x:Name="spList1" Width="315" Background="#7F008164">
    						<Grid Height="52" Margin="0">
    							<StackPanel Orientation="Vertical" HorizontalAlignment="Left" Margin="0,0,75,0">
    								<TextBlock TextWrapping="Wrap" Text="Name" FontSize="13.333" Foreground="#FF313131"/>
    								<TextBlock TextWrapping="Wrap" Text="A boy named goo" FontSize="13.333" Foreground="#FF313131"/>
    								<TextBlock x:Name="txtDsn" TextWrapping="Wrap" Text="06:44" FontSize="12" Foreground="#FFBCBCBC" FontWeight="SemiBold"/>
    							</StackPanel>
    							<Button Content="X" HorizontalAlignment="Right" VerticalAlignment="Center" Style="{StaticResource TopAppbarBtnStyle}" BorderBrush="{x:Null}" Foreground="Red" FontSize="26.667" FontWeight="Light" FontFamily="Segoe UI Light"/>
    						</Grid>
    						<Rectangle Height="1" StrokeStartLineCap="Round" StrokeEndLineCap="Round" StrokeThickness="1.5" StrokeLineJoin="Round" VerticalAlignment="Top" Fill="#FF0C4A41"/>
    					</StackPanel>
    					<StackPanel x:Name="spList1_Copy" Width="315" Background="#7F008164">
    						<Grid Height="52" Margin="0">
    							<StackPanel Orientation="Vertical" HorizontalAlignment="Left" Margin="0,0,75,0">
    								<TextBlock TextWrapping="Wrap" Text="Name" FontSize="13.333" Foreground="#FF313131"/>
    								<TextBlock TextWrapping="Wrap" Text="A boy named goo" FontSize="13.333" Foreground="#FF313131"/>
    								<TextBlock x:Name="txtDsn1" TextWrapping="Wrap" Text="06:44" FontSize="12" Foreground="#FFBCBCBC" FontWeight="SemiBold"/>
    							</StackPanel>
    							<Button Content="X" HorizontalAlignment="Right" VerticalAlignment="Center" Style="{StaticResource TopAppbarBtnStyle}" BorderBrush="{x:Null}" Foreground="Red" FontSize="26.667" FontWeight="Light" FontFamily="Segoe UI Light"/>
    						</Grid>
    						<Rectangle Height="1" StrokeStartLineCap="Round" StrokeEndLineCap="Round" StrokeThickness="1.5" StrokeLineJoin="Round" VerticalAlignment="Top" Fill="#FF0C4A41"/>
    					</StackPanel>
    					<StackPanel x:Name="spList1_Copy1" Width="315" Background="#7F008164">
    						<Grid Height="52" Margin="0">
    							<StackPanel Orientation="Vertical" HorizontalAlignment="Left" Margin="0,0,75,0">
    								<TextBlock TextWrapping="Wrap" Text="Name" FontSize="13.333" Foreground="#FF313131"/>
    								<TextBlock TextWrapping="Wrap" Text="A boy named goo" FontSize="13.333" Foreground="#FF313131"/>
    								<TextBlock x:Name="txtDsn2" TextWrapping="Wrap" Text="06:44" FontSize="12" Foreground="#FFBCBCBC" FontWeight="SemiBold"/>
    							</StackPanel>
    							<Button Content="X" HorizontalAlignment="Right" VerticalAlignment="Center" Style="{StaticResource TopAppbarBtnStyle}" BorderBrush="{x:Null}" Foreground="Red" FontSize="26.667" FontWeight="Light" FontFamily="Segoe UI Light"/>
    						</Grid>
    						<Rectangle Height="1" StrokeStartLineCap="Round" StrokeEndLineCap="Round" StrokeThickness="1.5" StrokeLineJoin="Round" VerticalAlignment="Top" Fill="#FF0C4A41"/>
    					</StackPanel>
    					<StackPanel x:Name="spList1_Copy2" Width="315" Background="#7F008164">
    						<Grid Height="52" Margin="0">
    							<StackPanel Orientation="Vertical" HorizontalAlignment="Left" Margin="0,0,75,0">
    								<TextBlock TextWrapping="Wrap" Text="Name" FontSize="13.333" Foreground="#FF313131"/>
    								<TextBlock TextWrapping="Wrap" Text="A boy named goo" FontSize="13.333" Foreground="#FF313131"/>
    								<TextBlock x:Name="txtDsn3" TextWrapping="Wrap" Text="06:44" FontSize="12" Foreground="#FFBCBCBC" FontWeight="SemiBold"/>
    							</StackPanel>
    							<Button Content="X" HorizontalAlignment="Right" VerticalAlignment="Center" Style="{StaticResource TopAppbarBtnStyle}" BorderBrush="{x:Null}" Foreground="Red" FontSize="26.667" FontWeight="Light" FontFamily="Segoe UI Light"/>
    						</Grid>
    						<Rectangle Height="1" StrokeStartLineCap="Round" StrokeEndLineCap="Round" StrokeThickness="1.5" StrokeLineJoin="Round" VerticalAlignment="Top" Fill="#FF0C4A41"/>
    					</StackPanel>
    					<StackPanel x:Name="spList1_Copy3" Width="315" Background="#7F008164">
    						<Grid Height="52" Margin="0">
    							<StackPanel Orientation="Vertical" HorizontalAlignment="Left" Margin="0,0,75,0">
    								<TextBlock TextWrapping="Wrap" Text="Name" FontSize="13.333" Foreground="#FF313131"/>
    								<TextBlock TextWrapping="Wrap" Text="A boy named goo" FontSize="13.333" Foreground="#FF313131"/>
    								<TextBlock x:Name="txtDsn4" TextWrapping="Wrap" Text="06:44" FontSize="12" Foreground="#FFBCBCBC" FontWeight="SemiBold"/>
    							</StackPanel>
    							<Button Content="X" HorizontalAlignment="Right" VerticalAlignment="Center" Style="{StaticResource TopAppbarBtnStyle}" BorderBrush="{x:Null}" Foreground="Red" FontSize="26.667" FontWeight="Light" FontFamily="Segoe UI Light"/>
    						</Grid>
    						<Rectangle Height="1" StrokeStartLineCap="Round" StrokeEndLineCap="Round" StrokeThickness="1.5" StrokeLineJoin="Round" VerticalAlignment="Top" Fill="#FF0C4A41"/>
    					</StackPanel>
    					<StackPanel x:Name="spList1_Copy4" Width="315" Background="#7F008164">
    						<Grid Height="52" Margin="0">
    							<StackPanel Orientation="Vertical" HorizontalAlignment="Left" Margin="0,0,75,0">
    								<TextBlock TextWrapping="Wrap" Text="Name" FontSize="13.333" Foreground="#FF313131"/>
    								<TextBlock TextWrapping="Wrap" Text="A boy named goo" FontSize="13.333" Foreground="#FF313131"/>
    								<TextBlock x:Name="txtDsn5" TextWrapping="Wrap" Text="06:44" FontSize="12" Foreground="#FFBCBCBC" FontWeight="SemiBold"/>
    							</StackPanel>
    							<Button Content="X" HorizontalAlignment="Right" VerticalAlignment="Center" Style="{StaticResource TopAppbarBtnStyle}" BorderBrush="{x:Null}" Foreground="Red" FontSize="26.667" FontWeight="Light" FontFamily="Segoe UI Light"/>
    						</Grid>
    						<Rectangle Height="1" StrokeStartLineCap="Round" StrokeEndLineCap="Round" StrokeThickness="1.5" StrokeLineJoin="Round" VerticalAlignment="Top" Fill="#FF0C4A41"/>
    					</StackPanel>
    					<StackPanel x:Name="spList1_Copy5" Width="315" Background="#7F008164">
    						<Grid Height="52" Margin="0">
    							<StackPanel Orientation="Vertical" HorizontalAlignment="Left" Margin="0,0,75,0">
    								<TextBlock TextWrapping="Wrap" Text="Name" FontSize="13.333" Foreground="#FF313131"/>
    								<TextBlock TextWrapping="Wrap" Text="A boy named goo" FontSize="13.333" Foreground="#FF313131"/>
    								<TextBlock x:Name="txtDsn6" TextWrapping="Wrap" Text="06:44" FontSize="12" Foreground="#FFBCBCBC" FontWeight="SemiBold"/>
    							</StackPanel>
    							<Button Content="X" HorizontalAlignment="Right" VerticalAlignment="Center" Style="{StaticResource TopAppbarBtnStyle}" BorderBrush="{x:Null}" Foreground="Red" FontSize="26.667" FontWeight="Light" FontFamily="Segoe UI Light"/>
    						</Grid>
    						<Rectangle Height="1" StrokeStartLineCap="Round" StrokeEndLineCap="Round" StrokeThickness="1.5" StrokeLineJoin="Round" VerticalAlignment="Top" Fill="#FF0C4A41"/>
    					</StackPanel>
    					<StackPanel x:Name="spList1_Copy6" Width="315" Background="#7F008164">
    						<Grid Height="52" Margin="0">
    							<StackPanel Orientation="Vertical" HorizontalAlignment="Left" Margin="0,0,75,0">
    								<TextBlock TextWrapping="Wrap" Text="Name" FontSize="13.333" Foreground="#FF313131"/>
    								<TextBlock TextWrapping="Wrap" Text="A boy named goo" FontSize="13.333" Foreground="#FF313131"/>
    								<TextBlock x:Name="txtDsn7" TextWrapping="Wrap" Text="06:44" FontSize="12" Foreground="#FFBCBCBC" FontWeight="SemiBold"/>
    							</StackPanel>
    							<Button Content="X" HorizontalAlignment="Right" VerticalAlignment="Center" Style="{StaticResource TopAppbarBtnStyle}" BorderBrush="{x:Null}" Foreground="Red" FontSize="26.667" FontWeight="Light" FontFamily="Segoe UI Light"/>
    						</Grid>
    						<Rectangle Height="1" StrokeStartLineCap="Round" StrokeEndLineCap="Round" StrokeThickness="1.5" StrokeLineJoin="Round" VerticalAlignment="Top" Fill="#FF0C4A41"/>
    					</StackPanel>
    					<StackPanel x:Name="spList1_Copy7" Width="315" Background="#7F008164">
    						<Grid Height="52" Margin="0">
    							<StackPanel Orientation="Vertical" HorizontalAlignment="Left" Margin="0,0,75,0">
    								<TextBlock TextWrapping="Wrap" Text="Name" FontSize="13.333" Foreground="#FF313131"/>
    								<TextBlock TextWrapping="Wrap" Text="A boy named goo" FontSize="13.333" Foreground="#FF313131"/>
    								<TextBlock x:Name="txtDsn8" TextWrapping="Wrap" Text="06:44" FontSize="12" Foreground="#FFBCBCBC" FontWeight="SemiBold"/>
    							</StackPanel>
    							<Button Content="X" HorizontalAlignment="Right" VerticalAlignment="Center" Style="{StaticResource TopAppbarBtnStyle}" BorderBrush="{x:Null}" Foreground="Red" FontSize="26.667" FontWeight="Light" FontFamily="Segoe UI Light"/>
    						</Grid>
    						<Rectangle Height="1" StrokeStartLineCap="Round" StrokeEndLineCap="Round" StrokeThickness="1.5" StrokeLineJoin="Round" VerticalAlignment="Top" Fill="#FF0C4A41"/>
    					</StackPanel>
    					<StackPanel x:Name="spList1_Copy8" Width="315" Background="#7F008164">
    						<Grid Height="52" Margin="0">
    							<StackPanel Orientation="Vertical" HorizontalAlignment="Left" Margin="0,0,75,0">
    								<TextBlock TextWrapping="Wrap" Text="Name" FontSize="13.333" Foreground="#FF313131"/>
    								<TextBlock TextWrapping="Wrap" Text="A boy named goo" FontSize="13.333" Foreground="#FF313131"/>
    								<TextBlock x:Name="txtDsn9" TextWrapping="Wrap" Text="06:44" FontSize="12" Foreground="#FFBCBCBC" FontWeight="SemiBold"/>
    							</StackPanel>
    							<Button Content="X" HorizontalAlignment="Right" VerticalAlignment="Center" Style="{StaticResource TopAppbarBtnStyle}" BorderBrush="{x:Null}" Foreground="Red" FontSize="26.667" FontWeight="Light" FontFamily="Segoe UI Light"/>
    						</Grid>
    						<Rectangle Height="1" StrokeStartLineCap="Round" StrokeEndLineCap="Round" StrokeThickness="1.5" StrokeLineJoin="Round" VerticalAlignment="Top" Fill="#FF0C4A41"/>
    					</StackPanel>
    					<StackPanel x:Name="spList1_Copy9" Width="315" Background="#7F008164">
    						<Grid Height="52" Margin="0">
    							<StackPanel Orientation="Vertical" HorizontalAlignment="Left" Margin="0,0,75,0">
    								<TextBlock TextWrapping="Wrap" Text="Name" FontSize="13.333" Foreground="#FF313131"/>
    								<TextBlock TextWrapping="Wrap" Text="A boy named goo" FontSize="13.333" Foreground="#FF313131"/>
    								<TextBlock x:Name="txtDsn10" TextWrapping="Wrap" Text="06:44" FontSize="12" Foreground="#FFBCBCBC" FontWeight="SemiBold"/>
    							</StackPanel>
    							<Button Content="X" HorizontalAlignment="Right" VerticalAlignment="Center" Style="{StaticResource TopAppbarBtnStyle}" BorderBrush="{x:Null}" Foreground="Red" FontSize="26.667" FontWeight="Light" FontFamily="Segoe UI Light"/>
    						</Grid>
    						<Rectangle Height="1" StrokeStartLineCap="Round" StrokeEndLineCap="Round" StrokeThickness="1.5" StrokeLineJoin="Round" VerticalAlignment="Top" Fill="#FF0C4A41"/>
    					</StackPanel>
    					<StackPanel x:Name="spList1_Copy10" Width="315" Background="#7F008164">
    						<Grid Height="52" Margin="0">
    							<StackPanel Orientation="Vertical" HorizontalAlignment="Left" Margin="0,0,75,0">
    								<TextBlock TextWrapping="Wrap" Text="Name" FontSize="13.333" Foreground="#FF313131"/>
    								<TextBlock TextWrapping="Wrap" Text="A boy named goo" FontSize="13.333" Foreground="#FF313131"/>
    								<TextBlock x:Name="txtDsn11" TextWrapping="Wrap" Text="06:44" FontSize="12" Foreground="#FFBCBCBC" FontWeight="SemiBold"/>
    							</StackPanel>
    							<Button Content="X" HorizontalAlignment="Right" VerticalAlignment="Center" Style="{StaticResource TopAppbarBtnStyle}" BorderBrush="{x:Null}" Foreground="Red" FontSize="26.667" FontWeight="Light" FontFamily="Segoe UI Light"/>
    						</Grid>
    						<Rectangle Height="1" StrokeStartLineCap="Round" StrokeEndLineCap="Round" StrokeThickness="1.5" StrokeLineJoin="Round" VerticalAlignment="Top" Fill="#FF0C4A41"/>
    					</StackPanel>
    					<StackPanel x:Name="spList1_Copy11" Width="315" Background="#7F008164">
    						<Grid Height="52" Margin="0">
    							<StackPanel Orientation="Vertical" HorizontalAlignment="Left" Margin="0,0,75,0">
    								<TextBlock TextWrapping="Wrap" Text="Name" FontSize="13.333" Foreground="#FF313131"/>
    								<TextBlock TextWrapping="Wrap" Text="A boy named goo" FontSize="13.333" Foreground="#FF313131"/>
    								<TextBlock x:Name="txtDsn12" TextWrapping="Wrap" Text="06:44" FontSize="12" Foreground="#FFBCBCBC" FontWeight="SemiBold"/>
    							</StackPanel>
    							<Button Content="X" HorizontalAlignment="Right" VerticalAlignment="Center" Style="{StaticResource TopAppbarBtnStyle}" BorderBrush="{x:Null}" Foreground="Red" FontSize="26.667" FontWeight="Light" FontFamily="Segoe UI Light"/>
    						</Grid>
    						<Rectangle Height="1" StrokeStartLineCap="Round" StrokeEndLineCap="Round" StrokeThickness="1.5" StrokeLineJoin="Round" VerticalAlignment="Top" Fill="#FF0C4A41"/>
    					</StackPanel>
    					<StackPanel x:Name="spList1_Copy12" Width="315" Background="#7F008164">
    						<Grid Height="52" Margin="0">
    							<StackPanel Orientation="Vertical" HorizontalAlignment="Left" Margin="0,0,75,0">
    								<TextBlock TextWrapping="Wrap" Text="Name" FontSize="13.333" Foreground="#FF313131"/>
    								<TextBlock TextWrapping="Wrap" Text="A boy named goo" FontSize="13.333" Foreground="#FF313131"/>
    								<TextBlock x:Name="txtDsn13" TextWrapping="Wrap" Text="06:44" FontSize="12" Foreground="#FFBCBCBC" FontWeight="SemiBold"/>
    							</StackPanel>
    							<Button Content="X" HorizontalAlignment="Right" VerticalAlignment="Center" Style="{StaticResource TopAppbarBtnStyle}" BorderBrush="{x:Null}" Foreground="Red" FontSize="26.667" FontWeight="Light" FontFamily="Segoe UI Light"/>
    						</Grid>
    						<Rectangle Height="1" StrokeStartLineCap="Round" StrokeEndLineCap="Round" StrokeThickness="1.5" StrokeLineJoin="Round" VerticalAlignment="Top" Fill="#FF0C4A41"/>
    					</StackPanel>
    					<StackPanel x:Name="spList1_Copy13" Width="315" Background="#7F008164">
    						<Grid Height="52" Margin="0">
    							<StackPanel Orientation="Vertical" HorizontalAlignment="Left" Margin="0,0,75,0">
    								<TextBlock TextWrapping="Wrap" Text="Name" FontSize="13.333" Foreground="#FF313131"/>
    								<TextBlock TextWrapping="Wrap" Text="A boy named goo" FontSize="13.333" Foreground="#FF313131"/>
    								<TextBlock x:Name="txtDsn14" TextWrapping="Wrap" Text="06:44" FontSize="12" Foreground="#FFBCBCBC" FontWeight="SemiBold"/>
    							</StackPanel>
    							<Button Content="X" HorizontalAlignment="Right" VerticalAlignment="Center" Style="{StaticResource TopAppbarBtnStyle}" BorderBrush="{x:Null}" Foreground="Red" FontSize="26.667" FontWeight="Light" FontFamily="Segoe UI Light"/>
    						</Grid>
    						<Rectangle Height="1" StrokeStartLineCap="Round" StrokeEndLineCap="Round" StrokeThickness="1.5" StrokeLineJoin="Round" VerticalAlignment="Top" Fill="#FF0C4A41"/>
    					</StackPanel>
    					<StackPanel x:Name="spList1_Copy14" Width="315" Background="#7F008164">
    						<Grid Height="52" Margin="0">
    							<StackPanel Orientation="Vertical" HorizontalAlignment="Left" Margin="0,0,75,0">
    								<TextBlock TextWrapping="Wrap" Text="Name" FontSize="13.333" Foreground="#FF313131"/>
    								<TextBlock TextWrapping="Wrap" Text="A boy named goo" FontSize="13.333" Foreground="#FF313131"/>
    								<TextBlock x:Name="txtDsn15" TextWrapping="Wrap" Text="06:44" FontSize="12" Foreground="#FFBCBCBC" FontWeight="SemiBold"/>
    							</StackPanel>
    							<Button Content="X" HorizontalAlignment="Right" VerticalAlignment="Center" Style="{StaticResource TopAppbarBtnStyle}" BorderBrush="{x:Null}" Foreground="Red" FontSize="26.667" FontWeight="Light" FontFamily="Segoe UI Light"/>
    						</Grid>
    						<Rectangle Height="1" StrokeStartLineCap="Round" StrokeEndLineCap="Round" StrokeThickness="1.5" StrokeLineJoin="Round" VerticalAlignment="Top" Fill="#FF0C4A41"/>
    					</StackPanel>
    					<StackPanel x:Name="spList1_Copy15" Width="315" Background="#7F008164">
    						<Grid Height="52" Margin="0">
    							<StackPanel Orientation="Vertical" HorizontalAlignment="Left" Margin="0,0,75,0">
    								<TextBlock TextWrapping="Wrap" Text="Name" FontSize="13.333" Foreground="#FF313131"/>
    								<TextBlock TextWrapping="Wrap" Text="A boy named goo" FontSize="13.333" Foreground="#FF313131"/>
    								<TextBlock x:Name="txtDsn16" TextWrapping="Wrap" Text="06:44" FontSize="12" Foreground="#FFBCBCBC" FontWeight="SemiBold"/>
    							</StackPanel>
    							<Button Content="X" HorizontalAlignment="Right" VerticalAlignment="Center" Style="{StaticResource TopAppbarBtnStyle}" BorderBrush="{x:Null}" Foreground="Red" FontSize="26.667" FontWeight="Light" FontFamily="Segoe UI Light"/>
    						</Grid>
    						<Rectangle Height="1" StrokeStartLineCap="Round" StrokeEndLineCap="Round" StrokeThickness="1.5" StrokeLineJoin="Round" VerticalAlignment="Top" Fill="#FF0C4A41"/>
    					</StackPanel>
    				</ListView>
    			</Grid>
    			<Grid Grid.Row="1">
    				<Grid.RowDefinitions>
    					<RowDefinition Height="24*"/>
    					<RowDefinition Height="11*"/>
    				</Grid.RowDefinitions>
    				<Slider VerticalAlignment="Bottom" Style="{StaticResource SliderStyle}"/>
    				<TextBlock x:Name="txtTime" HorizontalAlignment="Right" TextWrapping="Wrap" Text="03:52" VerticalAlignment="Top" FontSize="18.667" FontFamily="Segoe UI"/>
    				<StackPanel Grid.Row="1" Orientation="Horizontal" HorizontalAlignment="Center">
    					<CheckBox x:Name="PreBtn" Content="CheckBox" VerticalAlignment="Stretch" Style="{StaticResource NextCheckBoxStyle}" Padding="0" RenderTransformOrigin="0.5,0.5" Margin="0,0,50,0">
    						<CheckBox.RenderTransform>
    							<CompositeTransform ScaleX="-1"/>
    						</CheckBox.RenderTransform>
    					</CheckBox>
    					<CheckBox x:Name="PlayBtn" Content="CheckBox" VerticalAlignment="Stretch" Style="{StaticResource PlayCkbxStyle}" Padding="0" Margin="0,0,50,0"/>
    					<CheckBox x:Name="NextBtn" Content="CheckBox" VerticalAlignment="Stretch" Style="{StaticResource NextCheckBoxStyle}" Padding="0" Margin="0,0,50,0"/>
    					<CheckBox x:Name="FvrBtn" Content="CheckBox" VerticalAlignment="Stretch" Style="{StaticResource favoriteCheckBoxStyle}" Padding="0" Margin="0,0,50,0"/>
    					<CheckBox x:Name="SflBtn" Content="CheckBox" VerticalAlignment="Stretch" Style="{StaticResource ShuffleCheckBoxStyle}" Padding="0" Margin="0,0,50,0"/>
    					<CheckBox x:Name="RptBtn" Content="CheckBox" VerticalAlignment="Stretch" Style="{StaticResource RepeatCheckBoxStyle}" Padding="0" Margin="0,0,50,0"/>
    					<CheckBox x:Name="VolumeBtn" Content="CheckBox" VerticalAlignment="Stretch" Style="{StaticResource VolumeCheckBoxStyle}" Padding="0"/>
    				</StackPanel>
    			</Grid>
    		</Grid>
    	<Grid x:Name="grdSnappediew" Grid.Row="1" Margin="0" Width="300" HorizontalAlignment="Right" Visibility="Collapsed">
    		
    		<StackPanel Margin="10,0,0,0" Orientation="Vertical" HorizontalAlignment="Left">
    			<StackPanel Margin="0">
    				<Grid HorizontalAlignment="Left" Width="260" Height="260" Background="White">
    					<Border>
    						<Image Source="{Binding Image}" Stretch="UniformToFill" AutomationProperties.Name="{Binding Title}"/>
    					</Border>
    					<Grid Margin="0" VerticalAlignment="Bottom">
    						<Grid VerticalAlignment="Bottom" Height="65">
    							<Grid.Background>
    								<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
    									<GradientStop Color="Black" Offset="1"/>
    									<GradientStop/>
    									<GradientStop Color="Black" Offset="0.722"/>
    								</LinearGradientBrush>
    							</Grid.Background>
    						</Grid>
    						<StackPanel VerticalAlignment="Bottom" Margin="10,0,80,5" HorizontalAlignment="Left">
    							<Button x:Name="btnPlay1" VerticalAlignment="Stretch" Style="{StaticResource TopAppbarBtnStyle}" Width="70" Padding="0" BorderBrush="{x:Null}">
    								<Image Source="ms-appx:///Assets/HubPage/PlayBtn.png"/>
    							</Button>
    							<TextBlock Text="{Binding Title}" Foreground="{StaticResource ListViewItemOverlayForegroundThemeBrush}" Style="{StaticResource TitleTextStyle}" Margin="0,-1,0,0" FontSize="16" TextWrapping="NoWrap" FontWeight="Normal"/>
    							<TextBlock Text="{Binding Subtitle}" Foreground="#FF14D6B8" Style="{StaticResource CaptionTextStyle}" TextWrapping="NoWrap" Margin="0,0,0,10" FontSize="13.333" FontWeight="SemiBold"/>
    						</StackPanel>
    						<TextBlock HorizontalAlignment="Right" TextWrapping="Wrap" Text="{Binding Duration}" VerticalAlignment="Bottom" Margin="0,0,10,5" FontFamily="Segoe UI" FontSize="24" FontWeight="Light"/>
            	
    					</Grid>
    				</Grid>
    				<StackPanel x:Name="spRatingStar1" Orientation="Horizontal" VerticalAlignment="Bottom" Margin="0,10,0,0" HorizontalAlignment="Left">
    					<ToggleButton x:Name="tglStare1" Content="0" HorizontalAlignment="Left" Padding="0" Style="{StaticResource tglRatingStare}" Margin="0,0,3,0" IsChecked="True"/>
    					<ToggleButton x:Name="tglStare6" Content="0" HorizontalAlignment="Left" Padding="0" Style="{StaticResource tglRatingStare}" Margin="0,0,3,0" IsChecked="True"/>
    					<ToggleButton x:Name="tglStare7" Content="0" HorizontalAlignment="Left" Padding="0" Style="{StaticResource tglRatingStare}" Margin="0,0,3,0" IsChecked="True"/>
    					<ToggleButton x:Name="tglStare8" Content="0" HorizontalAlignment="Left" Padding="0" Style="{StaticResource tglRatingStare}" Margin="0,0,3,0"/>
    					<ToggleButton x:Name="tglStare9" Content="0" HorizontalAlignment="Left" Padding="0" Style="{StaticResource tglRatingStare}" Margin="0,0,3,0"/>
    				</StackPanel>
    				<TextBlock TextWrapping="Wrap" Text="Easy" FontSize="26.667" FontFamily="Segoe UI" FontWeight="Light"/>
    				<StackPanel x:Name="spArtist1" Orientation="Horizontal">
    					<TextBlock TextWrapping="Wrap" Text="Artist: " FontFamily="Segoe UI" FontSize="18.667" FontWeight="Bold"/>
    					<TextBlock TextWrapping="Wrap" Text="Faith No More" FontFamily="Segoe UI" FontSize="18.667" FontWeight="SemiLight" Margin="5,0,0,0"/>
    				</StackPanel>
    				<StackPanel x:Name="spAlbum1" Orientation="Horizontal" Margin="0,5,0,0">
    					<TextBlock TextWrapping="Wrap" Text="Album:" FontFamily="Segoe UI" FontSize="18.667" FontWeight="Bold"/>
    					<TextBlock TextWrapping="Wrap" Text="Faith No More" FontFamily="Segoe UI" FontSize="18.667" FontWeight="SemiLight" Margin="5,0,0,0"/>
    				</StackPanel>
    				<StackPanel x:Name="spYear1" Orientation="Horizontal" Margin="0,5,0,0">
    					<TextBlock TextWrapping="Wrap" Text="Year:" FontFamily="Segoe UI" FontSize="18.667" FontWeight="Bold"/>
    					<TextBlock TextWrapping="Wrap" Text="2005" FontFamily="Segoe UI" FontSize="18.667" FontWeight="SemiLight" Margin="5,0,0,0"/>
    				</StackPanel>
    				<Grid Margin="0" Height="105">
    					<Grid.RowDefinitions>
    						<RowDefinition Height="24*"/>
    						<RowDefinition Height="11*"/>
    					</Grid.RowDefinitions>
    					<Slider VerticalAlignment="Bottom" Style="{StaticResource SliderStyle}" Value="30"/>
    					<TextBlock x:Name="txtTime1" HorizontalAlignment="Right" TextWrapping="Wrap" Text="03:52" VerticalAlignment="Top" FontSize="18.667" FontFamily="Segoe UI"/>
    					<StackPanel Grid.Row="1" Orientation="Horizontal" HorizontalAlignment="Center" Margin="0">
    						<CheckBox x:Name="PreBtn1" Content="CheckBox" VerticalAlignment="Stretch" Style="{StaticResource NextCheckBoxStyle}" Padding="0" RenderTransformOrigin="0.5,0.5" Margin="0,0,10,0">
    							<CheckBox.RenderTransform>
    								<CompositeTransform ScaleX="-1"/>
    							</CheckBox.RenderTransform>
    						</CheckBox>
    						<CheckBox x:Name="PlayBtn1" Content="CheckBox" VerticalAlignment="Stretch" Style="{StaticResource PlayCkbxStyle}" Padding="0" Margin="0,0,10,0"/>
    						<CheckBox x:Name="NextBtn1" Content="CheckBox" VerticalAlignment="Stretch" Style="{StaticResource NextCheckBoxStyle}" Padding="0" Margin="0,0,10,0"/>
    						<CheckBox x:Name="FvrBtn1" Content="CheckBox" VerticalAlignment="Stretch" Style="{StaticResource favoriteCheckBoxStyle}" Padding="0" Margin="0,0,10,0"/>
    						<CheckBox x:Name="SflBtn1" Content="CheckBox" VerticalAlignment="Stretch" Style="{StaticResource ShuffleCheckBoxStyle}" Padding="0" Margin="0,0,10,0"/>
    						<CheckBox x:Name="RptBtn1" Content="CheckBox" VerticalAlignment="Stretch" Style="{StaticResource RepeatCheckBoxStyle}" Padding="0" Margin="0,0,10,0"/>
    						<CheckBox x:Name="VolumeBtn1" Content="CheckBox" VerticalAlignment="Stretch" Style="{StaticResource VolumeCheckBoxStyle}" Padding="0" Margin="0,0,10,0"/>
    					</StackPanel>
    				</Grid>
    			</StackPanel>
    		</StackPanel>
    	</Grid>

		  <VisualStateManager.VisualStateGroups>

            <!-- Visual states reflect the application's view state -->
            <VisualStateGroup x:Name="ApplicationViewStates">
                <VisualState x:Name="FullScreenLandscape"/>
                <VisualState x:Name="Filled"/>

                <!-- The entire page respects the narrower 100-pixel margin convention for portrait -->
                <VisualState x:Name="FullScreenPortrait">
                    <Storyboard>
                       

                        
                    </Storyboard>
                </VisualState>

                <!--
                    The back button and title have different styles when snapped, and the list representation is substituted
                    for the grid displayed in all other view states
                -->
                <VisualState x:Name="Snapped">
                    <Storyboard>
                    	<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Visibility)" Storyboard.TargetName="grdSnappediew">
                    		<DiscreteObjectKeyFrame KeyTime="0">
                    			<DiscreteObjectKeyFrame.Value>
                    				<Visibility>Visible</Visibility>
                    			</DiscreteObjectKeyFrame.Value>
                    		</DiscreteObjectKeyFrame>
                    	</ObjectAnimationUsingKeyFrames>
                    	<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Visibility)" Storyboard.TargetName="grdFullView">
                    		<DiscreteObjectKeyFrame KeyTime="0">
                    			<DiscreteObjectKeyFrame.Value>
                    				<Visibility>Collapsed</Visibility>
                    			</DiscreteObjectKeyFrame.Value>
                    		</DiscreteObjectKeyFrame>
                    	</ObjectAnimationUsingKeyFrames>
                       
                      
                    </Storyboard>
                </VisualState>
            </VisualStateGroup>
        </VisualStateManager.VisualStateGroups>
    </Grid>
</common:LayoutAwarePage>